<template>
  <div @click="fun()">
    <div id="bigbox">
      <van-swipe class="my-swipe" :autoplay="3000" indicator-color="red" show-indicators>
        <main>
          <van-swipe-item><img src="sc1.jpg" alt=""></van-swipe-item>
          <van-swipe-item><img src="sc2.jpg" alt=""></van-swipe-item>
          <van-swipe-item><img src="sc3.jpg" alt=""></van-swipe-item>
          <van-swipe-item><img src="sc4.jpg" alt=""></van-swipe-item>
        </main>
      </van-swipe>
    </div>
  </div>
</template>

<script>
import Vue from "vue";
import { Swipe, SwipeItem } from "vant";

Vue.use(Swipe);
Vue.use(SwipeItem);
export default {
  methods:{
    fun(){
    this.$router.push("/uuu")
     
    }
  }
};
</script>

<style scoped>
#bigbox {
  height: 2.27rem;
  width: 3.42rem;
  margin: 0 auto;
  overflow: hidden;
}
.my-swipe .van-swipe-item {
  color: #fff;
  font-size: 0.2rem;
  /* height: 2.27rem; */
  height: 2.27rem;
  width: 3.42rem;
  line-height: 1.5rem;
  text-align: center;
}
main {
  display: flex;
}
img {
  height: 2.27rem;
  width: 3.42rem;
}
</style>